<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <title>朋友圈</title>
        <script type="text/javascript">
		    var rem = document.documentElement.clientWidth/6.4;
		    document.getElementsByTagName("html")[0].style.fontSize = rem+"px";
		 </script>
		 <link rel="stylesheet" type="text/css" href="css/reset.css"/>
		 <link rel="stylesheet" type="text/css" href="css/style.css"/>
		 <link rel="stylesheet" href="font/iconfont.css" media="screen" title="no title">
    </head>
    <body>
    	<div id="publish">
			<ul class="publishSelect">
				<li id="xiangce">&nbsp;&nbsp;相册</li>
				<li id="paizhao">&nbsp;&nbsp;拍照</li>
			</ul>
		</div>
    	 <!--好友朋友圈-->
    	<div class="friendsCircle" style="display: none;">
		    <header class="header">
		      <span id="retu" class="iconfont">&#xe696;</span>
		      <span>朋友圈</span>
		      <span id="photo" class="iconfont">&#xe633;</span>
		    </header>		   
		    <div class="containerO">
		      <div class="conHead">
		        <img src="img/pic3.jpg" alt="相册封面" id="photoAlbum"/>
		        <span id="name">huihui</span>
		        <img src="img/1.jpg" alt="头像" id="headPor">
		      </div>
		      <div class="conMain">
		      </div>			 
		    </div>
		</div>    	
    	<!--通讯录好友-->
    	<div class="friendList">
    		<header class="headerL">
    		  <span>微信</span>
    		  <span id="addF" class="iconfont">&#xe61f;</span>
		      <span id="findF" class="iconfont">&#xe604;</span>		      		      
		    </header>
		    <div class="mainList">
		    </div>		    
    	</div>
    	<!--添加朋友-->
    	<div id="tjFriend" style="display: none;">
    		 <div class="search">
    		 	<span class="searchCancel iconfont">&#xe696;</span>
				<div class="searchBox iconfont">
					<span class="okBtn" class="iconfont">&#xe604;</span>
					<input type="text" name="searchfriends" class="searchfriends" value="添加新好友"/>
				</div>				
			</div>
			<div class="searchCon">
				<!--<div class="friend">
					<a href="#" class="friendhead">
						<img src="img/1.jpg"/>
					</a>
					<span class="friendname">
						接口佛教
					</span>
					<span class="addit">添加</span>
				</div>-->
			</div>
    	</div>
    	<!--搜索已有好友-->
    	<div id="ssFriend" style="display: none;">
    		<div class="search">
    		 	<span class="searchCancel iconfont">&#xe696;</span>
				<div class="searchBox iconfont">
					<span class="okBtn" class="iconfont">&#xe604;</span>
					<input type="text" name="searchfriends" class="searchfriends" value="搜索已有好友"/>
				</div>				
			</div>
			<div class="searchCon">
				<!--<div class="friend">
					<a href="#" class="friendhead">
						<img src="img/1.jpg"/>
					</a>
					<span class="friendname">
						接口佛教
					</span>
				</div>-->
			</div>
    	</div>
    	<div id="fb" style="display: none;">
    		<header class="headerB">
    		  <span id="fh" class="iconfont">&#xe696;</span>
		      <span id="sendA">发送</span>		      		      
		    </header>
		    <div id="sendCon">
		    	<textarea id="sendText">这一刻的想法</textarea>
		    	<div id="sendPic">
		    		<img src="" id="imgpic"/ >
		    	</div>
		    </div>
    	</div>
    	
    	<!--尾部-->
    	<footer class="footer">
    		<ul>
    			<li id="wx">
    				<span class="iconfont">&#xe60a;</span>
    				<span>微信</span>
    			</li>
    			<li id="txl">
    				<span class="iconfont">&#xe673;</span>
    				<span>通讯录</span>
    			</li>
    			<li id="fx">
    				<span class="iconfont">&#xe607;</span>
    				<span>发现</span>
    			</li>
    			<li id="w">
    				<span class="iconfont">&#xe637;</span>
    				<span>我</span>
    			</li>
    		</ul>
    	</footer>
    </body>
    <script src="js/src/zepto.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/src/touch.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/src/event.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/src/ajax.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" src="cordova.js"></script>
    <script src="js/main.js" type="text/javascript" charset="utf-8"></script>
</html>
